*{margin: 0;padding: 0};
.content{
    cursor: pointer;
    position: relative;
    width:1902px;height:865px;
    margin-left: auto;margin-right: auto;
}
#list img{
    width:1902px;
    height:865px;
}
#list{
    position: absolute;
    width:1902px;
    height:865px;
}
#list img,#prev,#next,#btns{
    position: absolute;
}
#list img:not(:first-child){
    display: none;
}
#prev,#next{
    cursor: pointer;
    top:50%;transform: translateY(-50%);
    z-index: 100;width:40px;height:70px;
    background:url("../images/icon-slides.png");
    border:none;
}
#prev{
    background-position-x:-86px
}
#prev:hover{
    background-position: 0;
}
#next:hover{background-position-x: -43px}
#next{
    right:15px;
    background-position-x:-125px;
}
#btns{z-index: 101;
    transform: translateX(-50%);
    position: absolute;
    top: 835px;
    left:950px;
}
#btns .current{
    background:rgb(247, 2, 255);
}    
#btns>span{
    cursor: pointer;
    width:20px;
    height:20px;
    display: inline-block;
    border-radius: 10%;
    border:1px solid #fff;
    background-color:rgba(44,44,44,.3);
}
.zhezhao{
    width: 1902px;
    height: 865px;
    background-color: rgba(0, 0, 0, 0.6);
    position: relative;
    text-align: center;
}
.zhezhao::before{
    content: "";
    display: table;
}
.zhezhao h1{
    color: white;
    margin-top: 12%;
    font-size: 80px;
}
.zhezhao h2{
    color: white;
    margin-top: 2%;
    font-size: 60px;
}
.zhezhao img{
    position: relative;
    margin-right: -75px;
    margin-top: 30px;
}
.zhezhao h3{
    color: white;
    position: relative;
    left: 860px;
    top: 180px;
    width: 200px;
}
.daohang{
    width: 1902px;
    height: 70px;
    background-color:rgba(0, 0, 0,0.6);
    position: fixed;
    top: 0;
    z-index: 100;
}
.daohangleft{
    width: 300px;
    height: 70px;
    background-color:rgba(92, 111, 125,0.6);
    text-align: center;
}
.daohangleft::before{
    display: table;
    content: "";
}
.text{
    color:white;
    font-size: 20px;
    margin-top: 6px;
}
.daohangright {
    position: absolute;
    top: 0;
    right: 0;
    height: 70px;
    width: 1200px;
}
.daohangright ul{
    overflow: hidden;
    text-align: center;
    height: 70px;
}
.daohangright li{
    float: right;
    width: 250px;
    height: 70px;
    color:white;
    font-size: 20px;
    list-style: none;
}
.hjk1{
    background-color: rgba(88, 94, 92,0.7);
}
.hjk2{
    background-color: rgba(77, 64, 93, 0.7);
}
.hjk3{
    background-color: rgba(69, 79, 76, 0.7);
}
.hjk4{
    background-color: rgba(89, 61, 67,0.7);
}
.introduction{
    width: 1902px;
    height: 730px;

}
.int1{
    width: 1170px;
    height: 730px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.int1::before{
    content: "";
    display: table;
}
.int1 h1{
    margin-top: 50px;
    font-size: 40px;
}
.int1 h4{
    margin-top: 10px;
    font-size: 20px;
}
.int1>p{
margin-top: 10px;
color: #555;
text-indent: 18px;
}
.line{
    width: 30px;
    height: 4px;
    background-color: red;
    position: relative;
    left: 585px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.one{
    width: 280px;
    height: 485px;
    text-align: center;
    margin-top: 50px;
    position: relative;
}
.one::before{
    content: "";
    display: table;
}
.skill1{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 2px solid red;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 28%;
}
.skill1 span{
    display: block;
    margin-top: 15px;
    font-size: 50px;
}
.skill1 p{
    font-size: 20px;
    margin-top: 10px;
}
.skill1:hover{
    background-color: red;
}
.onep{
    position: absolute;
    top: 200px;
    color: #555;
}
.two{
    width: 280px;
    height: 485px;
    text-align: center;
    margin-top: 50px;
    position: relative;
    top: -535px;
    left: 320px;
}
.three{
    width: 280px;
    height: 485px;
    text-align: center;
    margin-top: 50px;
    position: relative;
    top: -1070px;
    left: 637px;
}
.four{
    width: 280px;
    height: 485px;
    text-align: center;
    margin-top: 50px;
    position: relative;
    top: -1605px;
    left: 954px;
}
.jieshao{
    width: 1902px;
    height: 1044px;
    background-color: rgb(35, 42, 52);
}
.int2{
    width: 1170px;
    height: 964px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.int2::before{
    content: "";
    display: table;
}
.int2 h1{
    margin-top: 50px;
    font-size: 40px;
    color: white;
}
.int2 h4{
    margin-top: 10px;
    font-size: 20px;
    color: white;
}
.int2>p{
margin-top: 10px;
color: rgb(214, 214, 214);
text-indent: 18px;
}
.line1{
    width: 30px;
    height: 4px;
    background-color: rgb(0, 204, 255);
    position: relative;
    left: 585px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.int-y{
    margin-top: 50px;
    width: 360px;
    height: 315px;
    background-color: rgb(199, 199, 199);
    transition: all 2s;
    border-radius: 8px;
}
.int-y:hover{
    transform: translateY(-30px);
    box-shadow: 0 0 5px 4px #777;
    background-color: rgb(0, 204, 255);
}
.int-y::before{
    content: "";
    display: table;
}
.int-y span{
    display: block;
    margin-top: 10px;
    font-size: 200px;
}
.int-y p{
    font-size: 20px;
}
.int-e{
    margin-top: 50px;
    width: 360px;
    height: 315px;
    background-color: rgb(199, 199, 199);
    transition: all 2s;
    border-radius: 8px;
    position: relative;
    top: -365px;
    left: 405px;
}
.int-e:hover{
    transform: translateY(-30px);
    box-shadow: 0 0 5px 4px #777;
    background-color: rgb(0, 204, 255);
}
.int-e::before{
    content: "";
    display: table;
}
.int-e span{
    display: block;
    margin-top: 10px;
    font-size: 200px;
}
.int-e p{
    font-size: 20px;
}
.int-s{
    margin-top: 50px;
    width: 360px;
    height: 315px;
    background-color: rgb(199, 199, 199);
    transition: all 2s;
    border-radius: 8px;
    position: relative;
    top: -730px;
    left: 810px;
}
.int-s:hover{
    transform: translateY(-30px);
    box-shadow: 0 0 5px 4px #777;
    background-color: rgb(0, 204, 255);
}
.int-s::before{
    content: "";
    display: table;
}
.int-s span{
    display: block;
    margin-top: 10px;
    font-size: 200px;
}
.int-s p{
    font-size: 20px;
}
.int-p{
    margin-top: 50px;
    width: 360px;
    height: 315px;
    background-color: rgb(199, 199, 199);
    transition: all 2s;
    border-radius: 8px;
    position: relative;
    top: -730px;
}
.int-p:hover{
    transform: translateY(-30px);
    box-shadow: 0 0 5px 4px #777;
    background-color: rgb(0, 204, 255);
}
.int-p::before{
    content: "";
    display: table;
}
.int-p span{
    display: block;
    margin-top: 10px;
    font-size: 200px;
}
.int-p p{
    font-size: 20px;
}
.int-w{
    margin-top: 50px;
    width: 360px;
    height: 315px;
    background-color: rgb(199, 199, 199);
    transition: all 2s;
    border-radius: 8px;
    position: relative;
    top: -1095px;
    left: 405px;
}
.int-w:hover{
    transform: translateY(-30px);
    box-shadow: 0 0 5px 4px #777;
    background-color: rgb(0, 204, 255);
}
.int-w::before{
    content: "";
    display: table;
}
.int-w span{
    display: block;
    margin-top: 10px;
    font-size: 200px;
}
.int-w p{
    font-size: 20px;
}
.int-l{
    margin-top: 50px;
    width: 360px;
    height: 315px;
    background-color: rgb(199, 199, 199);
    transition: all 2s;
    border-radius: 8px;
    position: relative;
    top: -1460px;
    left: 810px;
}
.int-l:hover{
    transform: translateY(-30px);
    box-shadow: 0 0 5px 4px #777;
    background-color: rgb(0, 204, 255);
}
.int-l::before{
    content: "";
    display: table;
}
.int-l span{
    display: block;
    margin-top: 10px;
    font-size: 200px;
}
.int-l p{
    font-size: 20px;
}
.team1{
    width: 1902px;
    height: 1080px;
}
.imp1{
    width: 1170px;
    height: 1080px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.imp1::before{
    content: "";
    display: table;
}
.imp1 h1{
    margin-top: 50px;
    font-size: 40px;
    color: black;
}
.imp1 h4{
    margin-top: 10px;
    font-size: 20px;
    color: black;
}
.imp1>p{
margin-top: 10px;
color: #555;
text-indent: 18px;
}
.pl1{
    width: 360px;
    height: 370px;
    background-color: #999;

}
.pl1img{
    width: 360px;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-top: 50px;
}
.pl1img img{
    width: 360px;
    position: absolute;
    top: 0px;
    left: 0px;
    
}
.pl1 h3{
    margin-top: 10px;
}
.pl2{
    width: 360px;
    height: 370px;
    background-color: #999;
    position: relative;
    top: -420px;
    left: 405px;

}
.pl2 h3{
    margin-top: 10px;
}
.pl3{
    width: 360px;
    height: 370px;
    background-color: #999;
    position: relative;
    top: -840px;
    left: 810px;

}
.pl3 h3{
    margin-top: 10px;
}
.pl4{
    width: 360px;
    height: 370px;
    background-color: #999;
    position: relative;
    top: -840px;

}
.pl4 h3{
    margin-top: 10px;
}
.pl5{
    width: 360px;
    height: 370px;
    background-color: #999;
    position: relative;
    top: -1260px;
    left: 405px;

}
.pl5 h3{
    margin-top: 10px;
}
.pl6{
    width: 360px;
    height: 370px;
    background-color: #999;
    position: relative;
    top: -1680px;
    left: 810px;

}
.pl6 h3{
    margin-top: 10px;
}
.past3{
    width: 1902px;
    height: 1000px;
    background-color: rgb(223, 222, 222);
}
.last{
    width: 1170px;
    height: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.last::before{
    content: "";
    display: table;
}
.last h1{
    margin-top: 50px;
    font-size: 40px;
    color: black;
}
.last h4{
    margin-top: 10px;
    font-size: 20px;
    color: black;
}
.last>p{
margin-top: 10px;
color: #000;
text-indent: 18px;
}
#asd{
    text-align: left;
    position: relative;
}
#asd li{
    float: left;
    width: 500px;
    list-style: none;
}
#asd input{
    width: 500px;
    height: 50px;
    font-size: 15px;
    padding-left: 10px;
}
.ghj{
    margin-top: 30px;
}
#fda{
    margin-top: 40px;
    width: 1170px;
    height: 200px;
    color: #999;
    font-size: 20px;
}
.pop{
    margin-right: 155px;
}
#asd button{
    width: 100px;
    height: 50px;
    background-color: white;
    border: none;
    font-size: 18px;
    outline: none;
    position: relative;
    left: 1070px;
}
.line2{
    width: 30px;
    height: 4px;
    background-color: rgb(0, 255, 0);
    position: relative;
    left: 585px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.line3{
    width: 30px;
    height: 4px;
    background-color: rgb(38, 0, 255);
    position: relative;
    left: 585px;
    margin-top: 10px;
    margin-bottom: 10px;
}
a{
    color: black;
    text-decoration: none;
}